<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/11/18
  Time: 19:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.lCYcode.com" />
    <meta name="robots" content="all" />
    <title>我的博客</title>
    <link rel="stylesheet" href="/blog/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/blog/layui/css/layui.css" />
    <link rel="stylesheet" href="/blog/css/master.css" />
    <link rel="stylesheet" href="/blog/css/gloable.css" />
    <link rel="stylesheet" href="/blog/css/nprogress.css" />
    <link rel="stylesheet" href="/blog/css/blog.css" />
</head>
<body >
<div class="header">
</div>
<header class="gird-header">
    <div class="header-fixed">
        <div class="header-inner">
            <a href="/blog/javascript:void(0)" class="header-logo" id="logo">Mr.chen</a>
            <nav class="nav" id="nav">
                <ul>
                    <li><a href="/blog/">首页</a></li>
                    <li><a href="/blog/toView/workbench/article/article">博客</a></li>
                    <li><a href="/blog/toView/workbench/comment/comment">留言</a></li>
                    <li><a href="/blog/diary.html">日记</a></li>
                    <li><a href="/blog/link.html">友链</a></li>
                    <li><a>${sessionScope.user.username}</a></li>
                    <li><a href="/blog/toView/workbench/login/login" onClick="if(!confirm('是否确认退出？'))return false;">退出登录</a></li>

                </ul>
            </nav>
            <a href="/blog/toView/workbench/login/login" class="blog-user">
                <i class="fa fa-qq"></i>
            </a>
            <a class="phone-menu">
                <i></i>
                <i></i>
                <i></i>
            </a>
        </div>
    </div>
</header>
<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="col-content">
            <div class="inner">
                <article class="article-list bloglist" id="LAY_bloglist" >
                </article>
            </div>
        </div>
        <div class="col-other">
            <div class="inner">
                <div class="other-item" id="categoryandsearch">
                    <div class="search">
                        <label class="search-wrap">
                            <input type="text" id="tagNames" placeholder="输入关键字搜索" />
                            <span class="search-icon">
					                <i onclick="refresh()" class="fa fa-search"></i>
					            </span>
                        </label>
                        <ul class="search-result"></ul>
                    </div>
                    <ul class="category mt20" id="category">
                        <li data-index="0" class="slider"></li>
                        <li data-index="1"><a href="/blog/toView/workbench/article/article">全部文章</a></li>
                    </ul>
                </div>
                <!--右边悬浮 平板或手机设备显示-->
                <div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
                <div class="article-category">
                    <div class="article-category-title">分类导航</div>
                    <a href="/blog//Blog/Article/1/">Java</a>
                    <a href="/blog//Blog/Article/2/">前端</a>
                    <a href="/blog//Blog/Article/3/">Python</a>
                    <a href="/blog//Blog/Article/4/">PHP</a>
                    <a href="/blog//Blog/Article/5/">其它</a>
                    <div class="f-cb"></div>
                </div>
                <!--遮罩-->
                <div class="blog-mask animated layui-hide"></div>
                <div class="other-item">
                    <h5 class="other-item-title">热门文章</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            <li> <a href="/blog/article/read/64">史上最全Java学习路线</a></li>
                            <li> <a href="/blog/article/read/65">javaweb知识点总结</a></li>
                            <li> <a href="/blog/article/read/66">SSM框架配置模板</a></li>
                            <li> <a href="/blog/article/read/67">西柚聘网</a></li>
                            <li> <a href="/blog/article/read/68">关于Java编程</a></li>
                            <li> <a href="/blog/article/read/69">最好的Java学习</a></li>
                            <li> <a href="/blog/article/read/3">微信一键登录功能的实现</a></li>
                            <li> <a href="/blog/article/read/8">NPOI导入导出Excel</a></li>
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">置顶推荐</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            <li> <a href="/blog/article/read/64">史上最全Java学习路线</a></li>
                            <li> <a href="/blog/article/read/65">javaweb知识点总结</a></li>
                            <li> <a href="/blog/article/read/66">SSM框架配置模板</a></li>
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">公告</h5>
                    <div class="inner" id="notice">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="grid-footer">
    <div class="footer-fixed">
        <div class="copyright">
            <div class="info">
                <div class="contact">
                    <a href="/blog/javascript:void(0)" class="github" target="_blank"><i class="fa fa-github"></i></a>
                    <a href="/blog/https://wpa.qq.com/msgrd?v=3&uin=930054439&site=qq&menu=yes" class="qq" target="_blank" title="930054439"><i class="fa fa-qq"></i></a>
                    <a href="/blog/https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=gbiysbG0tbWyuMHw8K-i7uw" class="email" target="_blank" title="930054439@qq.com"><i class="fa fa-envelope"></i></a>
                    <a href="/blog/javascript:void(0)" class="weixin"><i class="fa fa-weixin"></i></a>
                </div>
                <p class="mt05">
                    Copyright &copy; 2019-2020 CY博客 All Rights Reserved V.3.1.3 Power by CY博客
                </p>
            </div>
        </div>
    </div>
</footer>
<script src="/blog/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="/blog/js/html5shiv.min.js" type="text/javascript"></script>
<script src="/blog/js/respond.min.js" type="text/javascript"></script>
<script src="/blog/js/selectivizr-min.js" type="text/javascript"></script>
<script src="layui/layui.js"></script>
<script src="js/yss/gloable.js"></script>
<script src="js/plugins/nprogress.js"></script>
<%--<script>NProgress.start();</script>--%>
<script src="js/yss/article.js"></script>
<%--layui--%>
<script src="/blog/js/layer-3.5.1/layer.js" type="text/javascript"></script>
<%--<link href="/blog/layui/css/layui.css" rel="stylesheet" type="text/css" />--%>
<script src="/blog/js/jquery/jquery-2.1.1.min.js"></script>

<script src="/blog/layui/layui.js" type="text/javascript"></script>

<script>
    window.onload = function () {
        refresh();
        refresh1();
    };
        function refresh() {
            $.post("/blog/article/allList", {
                'tagNames' : $('#tagNames').val()
            }, function (data) {
                //清空原来的内容
                $('#LAY_bloglist').html("");
                //List<Article>
                var articles = data;
                for (var i = 0; i < articles.length; i++) {
                    var article = articles[i];
                    if (article.isOpen == "1") {
                        $('#LAY_bloglist').append(
                            "       <section class=\"article-item zoomIn article\">\n " +
                            "       <div class=\"fc-flag\">置顶</div>\n  " +
                            "       <h5 class=\"title\">                " +
                            "       <span class=\"fc-blue\">【原创】</span>" +
                            "       <a href=\"/blog/article/read/" + article.aid + "\">" + article.title + "</a>" +
                            "       </h5>" +
                            "       <div class=\"time\">" +
                            "       <span class=\"day\">" + article.update_time + "</span>" +
                            "       </div>" +
                            "       <div class=\"content\">" +
                            "       <a href=\"/blog/article/read/" + article.aid + "\" class=\"cover img-light\">" +
                            "       <img src=\"" + article.logo + "\">" +
                            "       </a>" +
                            article.digest +
                            "       </div>" +
                            "       <div class=\"read-more\">" +
                            "       <a href=\"/blog/article/read/" + article.aid + "\" class=\"fc-black f-fwb\">继续阅读</a>" +
                            "       </div>" +
                            "       <aside class=\"f-oh footer\">" +
                            "       <div class=\"f-fl tags\">" +
                            "       <span class=\"fa fa-tags fs-16\"></span>" +
                            "       <a class=\"tag\">" + article.tagNames + "</a>" +
                            "       </div>" +
                            "       <div class=\"f-fr\">" +
                            "       <span class=\"read\">" +
                            "       <i class=\"fa fa-eye fs-16\"></i>" +
                            "       <i class=\"num\">" + article.thumbsUp + "</i>" +
                            "       </span>" +
                            "       <span class=\"ml20\">" +
                            "       <i class=\"fa fa-comments fs-16\"></i>" +
                            "       <a href=\"/blog/javascript:void(0)\" class=\"num fc-grey\"></a>" +
                            "       </span>" +
                            "       </div>" +
                            "       </aside>" +
                            "       </section>");
                    }
                }
            }, 'json');
        }
        function refresh1(){
            $.post("/blog/notice/allList",function (data){
                //清空原来的内容
                $('#notice').html("");
                var notices = JSON.parse(data);
                    var notice = notices[0];
                    $('#notice').append(notice.content);
            });
        }
</script>
</body>
</html>

